<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="订单号">
        <el-input v-model="queryParams.orderNo" placeholder="请输入订单号"></el-input>
      </el-form-item>
      <el-form-item label="合同号">
        <el-input v-model="queryParams.contractNo" placeholder="请输入合同号"></el-input>
      </el-form-item>

         <el-form-item label="交货日期" prop="deliveryDate">
              <el-date-picker type="daterange" v-model="queryParams.deliveryDate" range-separator="至" start-placeholder="开始日期"
          end-placeholder="结束日期" clearable style="width: 240px" />
            </el-form-item>
       
      <el-form-item label="客户名称">
        <el-input v-model="queryParams.customerName" placeholder="请输入客户名称"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>
    <el-tooltip placement="top">
      <div slot="content">点击任意一行列，即可在下方查看进度分析详细记录</div>
      <el-table :data="salesOrderList" border @row-click="showTap" :row-class-name="rowClassName">
        <el-table-column align="center" prop="orderNo" label="订单号"/>
        <el-table-column align="center" prop="contractNo" label="合同号" />
        <el-table-column align="center" prop="customerName" label="客户名称"/>
        <el-table-column align="center" prop="deliveryDate" label="交货日期"/>
        <el-table-column align="center" prop="salesMan" label="业务员" />
        <el-table-column align="center" prop="totalQuantity" label="订单已完成总价值"/>
        <el-table-column align="center" prop="totalAmount" label="总金额" />
        <el-table-column align="center" prop="completeRate" label="订单完成率" />
        <!-- <el-table-column align="center" label="操作" fixed="right" width="150"></el-table-column> -->
      </el-table>
    </el-tooltip>
    
    <pagination :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList"
      :total="total" />
      
       <el-tabs v-model="activeName1" v-if="showCard">
         <el-tab-pane label="采购进度分析" name="one">
           <el-table :data="purchaseOrderList" border>
             <el-table-column align="center" prop="productNo" label="产品代号"/>
             <el-table-column align="center" prop="productName" label="产品名称" />
             <el-table-column align="center" prop="color" label="花色" />
             <el-table-column align="center" prop="unitPrice" label="单价"/>
             <el-table-column align="center" prop="totalQuantity" label="花纸需要数量"/>
             <el-table-column align="center" prop="totalAmount" label="原纸采购数量" />
             <el-table-column align="center" prop="PurchasedQuantity" label="原纸已入库数量"/>
           </el-table>
         </el-tab-pane>
         <el-tab-pane label="生产进度分析" name="two">
           <el-table :data="productionOrderList" border>
               <el-table-column align="center" prop="productNo" label="产品代号" width="120"/>
               <el-table-column align="center" prop="productName" label="产品名称" width="120"/>
               <el-table-column align="center" prop="color" label="花色" width="120"/>
               <el-table-column align="center" prop="unitPrice" label="单价" width="120"/>
               <el-table-column align="center" prop="modelNo" label="模具编号" width="120"/>
               <el-table-column align="center" prop="weight" label="克重" width="120"/>
               <el-table-column align="center" prop="oederQuantity" label="订单数量" width="120"/>
               <el-table-column align="center" prop="examineDate" label="审核交期" width="120"/>
               <el-table-column align="center" prop="productionQuantity" label="需生产数量" width="120"/>
               <el-table-column align="center" prop="productionQuantityDifference" label="产品数量差值" width="120"/>
               <el-table-column align="center" prop="paperQuantity" label="花纸需生产数量" width="120"/>
               <el-table-column align="center" prop="paperQuantityCompleted" label="花纸已完成数量" width="120"/>
               <el-table-column align="center" prop="paperQuantityDifference" label="花纸数量差值" width="120"/>
               <el-table-column align="center" prop="finishedQuantityDuoOut" label="成型待完成数量" width="120"/>
               <el-table-column align="center" prop="finishedQuantityCompleted" label="成型已完成数量" width="120"/>
               <el-table-column align="center" prop="finishedRejectQuantit" label="成型次品数量" width="120"/>
               <el-table-column align="center" prop="finishedGoodQuantityRate" label="成型良品率" width="120"/>
               <el-table-column align="center" prop="grindQuantityDueOut" label="研磨待完成数量" width="120"/>
               <el-table-column align="center" prop="grindQuantityCompleted" label="研磨已完成数量" width="120"/>
               <el-table-column align="center" prop="packageQuantityDuoOuduoOut" label="包装待完成数量" width="120"/>
               <el-table-column align="center" prop="paperQuantitycompletedRate" label="花纸完成率" width="120"/>
               <el-table-column align="center" width="200" label="操作" fixed="right">
                <template slot-scope="scope">
                  <el-button type="text" size="mini" @click="handleView">查看生产记录详情</el-button>
                </template>
               </el-table-column>
           </el-table>
         </el-tab-pane>
       </el-tabs>
  
      <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
        <el-tabs v-model="activeName" v-loading="loading">
            <el-tab-pane label="花纸生产记录" name="first">
                <el-tooltip placement="top">
                    <!-- <div slot="content">点击任意一行列即可查看花纸生产记录信息</div> -->
                    <el-table :data="PurchaseDate" @row-click="handleRowClick">
                        <el-table-column align="center" label="基本信息">
                            <el-table-column prop="taskNo" align="center" label="生产任务单号" />
                            <el-table-column prop="contractNo" align="center" label="合同号" />
                            <el-table-column prop="productCode" align="center" label="产品代号" />
                            <el-table-column prop="productName" align="center" label="产品名称" />
                            <el-table-column prop="mold" align="center" label="模具编号" />
                            <el-table-column prop="color" align="center" label="花色" />
                        </el-table-column>
                        <el-table-column align="center" label="夹花">
                            <el-table-column prop="workerNo1" align="center" label="工号" />
                            <el-table-column prop="name1" align="center" label="姓名" />
                            <el-table-column prop="unitPrice1" align="center" label="单价" />
                            <el-table-column prop="rejectNumber1" align="center" label="次品数量" />
                            <el-table-column prop="completedNumber1" align="center" label="完成数量" />
                            <el-table-column prop="completionTime1" align="center" label="完成时间" />
                        </el-table-column>
                        <el-table-column align="center" label="刷花">
                            <el-table-column prop="workerNo2" align="center" label="工号" />
                            <el-table-column prop="name2" align="center" label="姓名" />
                            <el-table-column prop="unitPrice2" align="center" label="单价" />
                            <el-table-column prop="rejectNumber2" align="center" label="次品数量" />
                            <el-table-column prop="completedNumber2" align="center" label="完成数量" />
                            <el-table-column prop="completionTime2" align="center" label="完成时间" />
                        </el-table-column>
                        <el-table-column align="center" label="订花">
                            <el-table-column prop="workerNo3" align="center" label="工号" />
                            <el-table-column prop="name3" align="center" label="姓名" />
                            <el-table-column prop="unitPrice3" align="center" label="单价" />
                            <el-table-column prop="rejectNumber3" align="center" label="次品数量" />
                            <el-table-column prop="completedNumber3" align="center" label="完成数量" />
                            <el-table-column prop="completionTime3" align="center" label="完成时间" />
                        </el-table-column>
                        <el-table-column align="center" label="冲花">
                            <el-table-column prop="workerNo4" align="center" label="工号" />
                            <el-table-column prop="name4" align="center" label="姓名" />
                            <el-table-column prop="unitPrice4" align="center" label="单价" />
                            <el-table-column prop="rejectNumber4" align="center" label="次品数量" />
                            <el-table-column prop="completedNumber4" align="center" label="完成数量" />
                            <el-table-column prop="completionTime4" align="center" label="完成时间" />
                        </el-table-column>
                        <el-table-column align="center" label="贴花">
                            <el-table-column prop="workerNo5" align="center" label="工号" />
                            <el-table-column prop="name5" align="center" label="姓名" />
                            <el-table-column prop="unitPrice5" align="center" label="单价" />
                            <el-table-column prop="rejectNumber5" align="center" label="次品数量" />
                            <el-table-column prop="completedNumber5" align="center" label="完成数量" />
                            <el-table-column prop="completionTime5" align="center" label="完成时间" />
                        </el-table-column>
                    </el-table>
                </el-tooltip>
            </el-tab-pane>
            <el-tab-pane label="成型生产记录" name="second">
                 <el-tooltip>
                    <!-- <div slot="content">点击任意一行列即可查看花纸生产记录信息</div> -->
                    <el-table :data="ProductionDate" @row-click="handleRowClick">
                        <el-table-column align="center" label="基本信息">
                            <el-table-column prop="taskNo" align="center" label="生产任务单号" />
                            <el-table-column prop="contractNo" align="center" label="合同号" />
                            <el-table-column prop="productCode" align="center" label="产品代号" />
                            <el-table-column prop="productName" align="center" label="产品名称" />
                            <el-table-column prop="mold" align="center" label="模具编号" />
                            <el-table-column prop="color" align="center" label="花色" />
                        </el-table-column>
                        <el-table-column align="center" label="成型">
                            <el-table-column prop="workerNo" align="center" label="工号" />
                            <el-table-column prop="name" align="center" label="姓名" />
                            <el-table-column prop="classes" align="center" label="班次" />
                            <el-table-column prop="machine" align="center" label="机台" />
                            <el-table-column prop="unitPrice" align="center" label="单价" />
                            <el-table-column prop="completedNumber" align="center" label="成品数量" />
                            <el-table-column prop="rejectNumber" align="center" label="次品数量" />
                            <el-table-column prop="wasteNumber" align="center" label="废品数量" />
                            <el-table-column prop="flashNumber" align="center" label="毛边数量" />
                            <el-table-column prop="strikeNumber" align="center" label="敲缺数量" />
                            <el-table-column prop="rank" align="center" label="等级" />
                            <el-table-column prop="QT" align="center" label="质检员" />
                            <el-table-column prop="completionTime" align="center" label="完成时间" />
                        </el-table-column>
                    </el-table>
                </el-tooltip>
            </el-tab-pane>
            <!--研磨生产记录单-->
            <el-tab-pane label="研磨生产记录" name="third">
                <el-table :data="detailedData" v-loading="loading" @selection-change="handleSelectionChange">
                    <el-table-column align="center" label="基本信息">
                        <el-table-column prop="taskNo" align="center" label="生产任务单号" />
                        <el-table-column prop="contractNo" align="center" label="合同号" />
                        <el-table-column prop="productCode" align="center" label="产品代号" />
                        <el-table-column prop="productName" align="center" label="产品名称" />
                        <el-table-column prop="mold" align="center" label="模具编号" />
                        <el-table-column prop="color" align="center" label="花色" />
                    </el-table-column>
                    <el-table-column align="center" label="磨边">
                        <el-table-column prop="workerNo1" align="center" label="工号" />
                        <el-table-column prop="name1" align="center" label="姓名" />
                        <el-table-column prop="unitPrice1" align="center" label="单价" />
                        <el-table-column prop="rejectNumber1" align="center" label="次品数量" />
                        <el-table-column prop="completedNumber1" align="center" label="完成数量" />
                        <el-table-column prop="completionTime1" align="center" label="完成时间" />
                    </el-table-column>
                    <el-table-column align="center" label="磨孔">
                        <el-table-column prop="workerNo2" align="center" label="工号" />
                        <el-table-column prop="name2" align="center" label="姓名" />
                        <el-table-column prop="unitPrice2" align="center" label="单价" />
                        <el-table-column prop="rejectNumber2" align="center" label="次品数量" />
                        <el-table-column prop="completedNumber2" align="center" label="完成数量" />
                        <el-table-column prop="completionTime2" align="center" label="完成时间" />
                    </el-table-column>
                    <el-table-column align="center" label="抛光">
                        <el-table-column prop="workerNo3" align="center" label="工号" />
                        <el-table-column prop="name3" align="center" label="姓名" />
                        <el-table-column prop="unitPrice3" align="center" label="单价" />
                        <el-table-column prop="rejectNumber3" align="center" label="次品数量" />
                        <el-table-column prop="completedNumber3" align="center" label="完成数量" />
                        <el-table-column prop="completionTime3" align="center" label="完成时间" />
                    </el-table-column>
                    <el-table-column prop="QTSecond" align="center" label="二级质检员" />
                </el-table>
            </el-tab-pane>

            <el-tab-pane label="包装生产记录" name="four">
                <el-tooltip placement="top">
                    <el-table :data="commdate" @row-click="showTab">
                        <el-table-column align="center" label="基本信息">
                            <el-table-column prop="taskNo" align="center" label="生产任务单号" />
                            <el-table-column prop="contractNo" align="center" label="合同号" />
                            <el-table-column prop="productCode" align="center" label="产品代号" />
                            <el-table-column prop="productName" align="center" label="产品名称" />
                            <el-table-column prop="mold" align="center" label="模具编号" />
                            <el-table-column prop="color" align="center" label="花色" />
                        </el-table-column>
                        <el-table-column align="center" label="包装">
                            <el-table-column align="center" label="工号" prop="workNo" />
                            <el-table-column align="center" label="姓名" prop="name" />
                            <el-table-column align="center" label="单价" prop="unitPrice" />
                            <el-table-column align="center" prop="completedNumber" label="完成数量" />
                            <el-table-column align="center" prop="completionTime" label="完成时间" />
                        </el-table-column>
                    </el-table>
                </el-tooltip>
            </el-tab-pane>
        </el-tabs>
      </el-dialog>
  </div>
</template>

<script>
export default {
  name: 'ProductionProgress',
  data() {
    return {
      showCard: true,
      activeName: 'first',
      activeName1: 'two',
      salesOrderList: [{
         orderNo: '123456',
         contractNo: 'NO-456-789',
         customerName: '客户名称1',
         deliveryDate: '2021-01-01',
         salesMan: '销售员1',
         totalQuantity: '10000',
         totalAmount: '100000',
         completeRate: '10%'
      },{
         orderNo: '456789',
         contractNo: 'NO-123-456',
         customerName: '客户名称2',
         deliveryDate: '2021-01-02',
         salesMan: '销售员2',
         totalQuantity: '20000',
         totalAmount: '200000',
         completeRate: '20%'
      },{
         orderNo: '789123',
         contractNo: 'NO-789-123',
         customerName: '客户名称3',
         deliveryDate: '2021-01-03',
         salesMan: '销售员3',
         totalQuantity: '30000',
         totalAmount: '300000',
         completeRate: '30%'
      }],
      purchaseOrderList: [{
        productNo: 'HZ998-No-5432',
        productName: '产品名称1',
        color: '花色1',
        unitPrice: '1000',
        totalQuantity: '10000',
        totalAmount: '100000',
        PurchasedQuantity: '10000',
      },{
        productNo: 'HZ998-No-1234',
        productName: '产品名称2',
        color: '花色2',
        unitPrice: '2000',
        totalQuantity: '20000',
        totalAmount: '200000',
        PurchasedQuantity: '20000',
      },{
        productNo: 'HZ998-No-7890',
        productName: '产品名称3',
        color: '花色3',
        unitPrice: '3000',
        totalQuantity: '30000',
        totalAmount: '300000',
        PurchasedQuantity: '30000',
      }],

      total: 0,
      queryParams: {
        pageNum: 1,
        pageSize: 10,
      },
      showSearch: true,
      productionOrderList:[
        {
          productNo: '123456',
          productName: '产品名称1',
          color: '花色1',
          unitPrice: '100',
          modelNo: '123456',
          weight: '100',
          oederQuantity: '100',
          examineDate: '2021-01-01',
          productionQuantity: '100',
          productionQuantityDifference: '100',
          paperQuantity: '100',
          paperQuantityCompleted: '100',
          paperQuantityDifference: '100',
          finishedQuantityDuoOut: '100',
          finishedQuantityCompleted: '100',
          finishedRejectQuantit: '100',
          finishedGoodQuantityRate: '100',
          grindQuantityDueOut: '100',
          grindQuantityCompleted: '100',
          packageQuantityDuoOuduoOut: '100',
          paperQuantitycompletedRate: '100',
        },
        {
          productNo: '123456',
          productName: '产品名称2',
          color: '花色2',
          unitPrice: '100',
          modelNo: '123456',
          weight: '100',
          oederQuantity: '100',
          examineDate: '2021-01-01',
          productionQuantity: '100',
          productionQuantityDifference: '100',
          paperQuantity: '100',
          paperQuantityCompleted: '100',
          paperQuantityDifference: '100',
          finishedQuantityDuoOut: '100',
          finishedQuantityCompleted: '100',
          finishedRejectQuantit: '100',
          finishedGoodQuantityRate: '100',
          grindQuantityDueOut: '100',
          grindQuantityCompleted: '100',
          packageQuantityDuoOuduoOut: '100',
          paperQuantitycompletedRate: '100',
        }
      ],
     detailedData: [{
          
        "taskNo": "PD-YM92-35-NIO-NI",
        "contractNo": "NO-456-789",
        "productCode": "HZ998-No-5432",
          productName: '产品一',
        "mold": "模具三",
        "color": "花色3",
        "workerNo1": "GH-YM-9924",
        "name1": "研磨员工1",
        "unitPrice1": 0.45,
        "rejectNumber1": 12,
        "completedNumber1": 2800,
        "completionTime1": "2024-06-01",
        "workerNo2": "GH-YM-7752",
        "name2": "研磨员工2",
        "unitPrice2": 0.38,
        "rejectNumber2": 9,
        "completedNumber2": 4200,
        "completionTime2": "2024-06-02",
        "workerNo3": "GH-YM-9041",
        "name3": "研磨员工3",
        "unitPrice3": 0.65,
        "rejectNumber3": 6,
        "completedNumber3": 3500,
        "completionTime3": "2024-06-02",
        "workerNo4": "GH-YM-1267",
        "name4": "研磨员工4",
        "unitPrice4": 0.52,
        "rejectNumber4": 18,
        "completedNumber4": 4800,
        "completionTime4": "2024-06-02",
        "workerNo5": "GH-YM-5531",
        "name5": "花纸员工5",
        "unitPrice5": 0.72,
        "rejectNumber5": 7,
        "completedNumber5": 3900,
        "completionTime5": "2024-06-03",
        QTSecond:'二级质检员1'
    },
    {
        "taskNo": "PD-YM93-22-NIO-NI",
        "contractNo": "NO-112-334",
        "productCode": "HZ998-No-6677",
        "mold": "模具四",
        productName: '产品二',
        "color": "花色4",
        "workerNo1": "GH-YM-2398",
        "name1": "研磨员工A",
        "unitPrice1": 0.41,
        "rejectNumber1": 14,
        "completedNumber1": 3100,
        "completionTime1": "2024-06-23",
        "workerNo2": "GH-YM-8741",
        "name2": "花纸员工B",
        "unitPrice2": 0.29,
        "rejectNumber2": 22,
        "completedNumber2": 4500,
        "completionTime2": "2024-06-23",
        "workerNo3": "GH-YM-3562",
        "name3": "研磨员工C",
        "unitPrice3": 0.63,
        "rejectNumber3": 5,
        "completedNumber3": 2700,
        "completionTime3": "2024-06-24",
        "workerNo4": "GH-YM-9823",
        "name4": "研磨员工D",
        "unitPrice4": 0.57,
        "rejectNumber4": 16,
        "completedNumber4": 3600,
        "completionTime4": "2024-06-25",
        "workerNo5": "GH-HZ-4477",
        "name5": "研磨员工E",
        "unitPrice5": 0.68,
        "rejectNumber5": 10,
        "completedNumber5": 4100,
        "completionTime5": "2024-06-25",
         QTSecond:'二级质检员2'
    }],
    PurchaseDate: [{
                taskNo: 'PD-HZ92-27-NIO-NI',
                contractNo: 'NO-989-888',
                productCode: 'HZ998-No-9876',
                productName:'产品一',
                mold: '模具一',
                color: '花色1',
                workerNo1: 'GH-HZ-2910',
                name1: '花纸员工1',
                unitPrice1: '0.5',
                rejectNumber1: '15',
                completedNumber1: '3000',
                completionTime1: '2024-05-27',
                 workerNo2: 'GH-HZ-2370',
                name2: '花纸员工2',
                unitPrice2: '0.3',
                rejectNumber2: '11',
                completedNumber2: '5000',
                completionTime2: '2024-05-27',
                 workerNo3: 'GH-HZ-3317',
                name3: '花纸员工3',
                unitPrice3: '0.7',
                rejectNumber3: '8',
                completedNumber3: '2000',
                completionTime3: '2024-05-28',
                 workerNo4: 'GH-HZ-2910',
                name4: '花纸员工4',
                unitPrice4: '0.5',
                rejectNumber4: '15',
                completedNumber4: '3000',
                completionTime4: '2024-05-29',
                 workerNo5: 'GH-HZ-2980',
                name5: '花纸员工5',
                unitPrice5: '0.55',
                rejectNumber5: '20',
                completedNumber5: '4000',
                completionTime5: '2024-05-29',
                
            },{
                taskNo: 'PD-HZ92-31-NIO-NI',
                contractNo: 'NO-989-910',
                productCode: 'HZ998-No-1987',
                productName: '产品二',
                mold: '模具二',
                color: '花色2',
                workerNo1: 'GH-HZ-1970',
                name1: '花纸员工A',
                unitPrice1: '0.57',
                rejectNumber1: '25',
                completedNumber1: '3120',
                completionTime1: '2024-06-19',
                 workerNo2: 'GH-HZ-1376',
                name2: '花纸员工B',
                unitPrice2: '0.33',
                rejectNumber2: '17',
                completedNumber2: '5120',
                completionTime2: '2024-06-20',
                 workerNo3: 'GH-HZ-2327',
                name3: '花纸员工C',
                unitPrice3: '0.77',
                rejectNumber3: '11',
                completedNumber3: '2210',
                completionTime3: '2024-06-20',
                 workerNo4: 'GH-HZ-2937',
                name4: '花纸员工D',
                unitPrice4: '0.51',
                rejectNumber4: '19',
                completedNumber4: '3227',
                completionTime4: '2024-06-21',
                 workerNo5: 'GH-HZ-2189',
                name5: '花纸员工E',
                unitPrice5: '0.59',
                rejectNumber5: '23',
                completedNumber5: '4210',
                completionTime5: '2024-06-21',
                
            }],
             ProductionDate: [{
                taskNo: 'PD-CX728-31-NIO-NI',
                contractNo: 'NO-989-888',
                productCode: 'HZ998-No-9876',
                productName: '产品一',
                mold: '模具一',
                color: '花色1',
                 workerNo: "A001",
                 name: "王小明",
                 classes: "早班",
                machine: "CNC-01",
                unitPrice: 2.35,
                completedNumber: 1580,
                rejectNumber: 23,
                wasteNumber: 5,
                flashNumber: 12,
                strikeNumber: 8,
                rank: "A级",
                QT: "李质检",
               completionTime: "2023-05-30"
                
                
            },{
                taskNo: 'PD-CX992-31-NIO-NI',
                contractNo: 'NO-989-910',
                productCode: 'HZ998-No-1987',
                productName: '产品二',
                mold: '模具二',
                color: '花色2',
                workerNo: "B002",
                name: "张丽华",
                classes: "晚班",
                machine: "INJ-05",
               unitPrice: 1.85,
               completedNumber: 2345,
               rejectNumber: 45,
               wasteNumber: 8,
                flashNumber: 18,
                strikeNumber: 11,
                rank: "B级",
                QT: "王检查员",
                completionTime: "2023-06-22"

            }],
            commdate:[{
                taskNo: 'PD-CX728-31-NIO-NI',
                contractNo: 'NO-989-888',
                productCode: 'HZ998-No-9876',
                productName: '产品一',
                mold: '模具一',
                color: '花色1',
                "workNo": "bz3-92-4x1",  // 格式校验：包含bz且符合xxx-xx-xxx结构
                "name": "王建军",        // 随机中文姓名
                "completedNumber": 238,  // 合理区间：每日完成量100-500件
                "completionTime": "2024-06-02",  // 时间范围：近30天内
                "unitPrice": 0.75    

            }, {
                taskNo: 'PD-HZ92-31-NIO-NI',
                contractNo: 'NO-989-910',
                productCode: 'HZ998-No-1987',
                productName: '产品二',
                mold: '模具二',
                color: '花色2',
                "workNo": "5bz-a8-709",
                "name": "李秀兰",
                "completedNumber": 385,
                "completionTime": "2024-06-25",
                "unitPrice": 1.11

                }],
    title:'',
    open:false,
    orderNo: '',
    };
  },
  methods: {
     // 显示高亮
    rowClassName({ row }) {
      return row.orderNo == this.orderNo ? 'selected-row' : ''; // 判断是否选中
    },
    showTap(row) {
      this.orderNo = row.orderNo;
    },
    handleView(row){
      this.title = '查看生产进度';
      this.open = true;
    }
  },
};
</script>

<style>
.selected-row {
  background-color: yellow !important;
  /* 选中行的背景颜色 */
}
</style>


